.prvideo_detail_container {
  min-height: 80vh;
  position: relative;
  padding: 0;

  .go_back_icon_box {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 5px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 9999;
    .go_back_icon {
      font-size: 24px;
    }
  }


  .video_container {
    margin: 0 auto;
    height: 60vh;
    background-color: rgba(218, 220, 222, 0.34);
    transition: all 0.22s;
  }

  .video_info {
    padding: 30px;

    .title {
      font-size: 28px;

      .title_tip {
        margin-left: 15px;
        font-size: 14px;
      }
    }

    .describe {
      font-size: 16px;
      margin: 15px 8px;
      color: var(--semi-color-text-2);
    }

    .drama_container {
      display: flex;
      flex-wrap: wrap;

      .drama_item {
        text-align: center;
        width: 60px;
        padding: 8px 15px;
        cursor: pointer;
        margin: 10px;
        background-color: #f6f7f8;
        border-radius: 8px;
        transition: background 0.22s;

        &:hover {
          background-color: var(--semi-color-bg-6);
        }
      }
    }
    .activity_item {
      background-color: rgba(72, 144, 232,.5) !important;
      color: #fff;
    }
  }
}

[theme-mode='dark'] {
  .video_container {
    background-color: rgba(35, 36, 41, 1) !important;
    color: var(--semi-color-text-0);
  }

  .drama_item {
    background-color: rgba(35, 36, 41, 1) !important;
    color: var(--semi-color-text-0);
  }

}

/* 超小屏设备 */
@media (max-width: 575px) {
  .video_container {
    height: 280px !important;
  }

  .drama_item {
    width: 55px !important;
    padding: 8px 15px;
    margin: 8px 10px !important;
    font-size: 16px !important;
  }
}

/* 小屏设备 */
@media (min-width: 576px) and (max-width: 767px) {
  .video_container {
    height: 480px !important;
  }
}

/* 平板等中等设备 */
@media (min-width: 768px) and (max-width: 991px) {
  .video_container {
    height: 460px !important;
  }
}

/* 普通PC显示器 */
@media (min-width: 992px) and (max-width: 1199px) {
  .video_container {
    height: 570px !important;
  }
}

/* 宽屏设备 */
@media (min-width: 1200px) and (max-width: 1399px) {
  .video_container {
    height: 590px !important;
  }
}

/* 超宽屏设备 */
@media (min-width: 1400px) {
  .video_container {
    height: 800px !important;
  }

}
